.m-index {
  .l-container {
    .m-home {
      @include flexbox();
      @include flex-direction(column);
      height: 100%;
      > * {
        width: 100%;
      }
      header {
        background: #8fc602;
        height: .44rem;
        ul {
          @include flexbox();
          height: 100%;
          li {
            height: 100%;
            @include flex(1);
            &:nth-child(1){
              img{
                display: block;
                width:.35rem;
                height: .35rem;
                margin-top: .045rem
              }
            }
            &:nth-child(2) {
              text-align: center;
              line-height: .44rem;
              color: #fff;
              font-size: .26rem;
            }
            &:nth-child(3) {
              padding-right: .20rem;
              text-align: right;;
              line-height: .44rem;
              font-size: .24rem;
              line-height: .44rem;
              color: #fff;
            }
          }
        }
      }


      .swiper-container {
        @include flex(1);
        width: 100%;
        section {
          height: 100%;
          width: 100%;
          overflow: hidden;
          background-color: #fff;
          .banner{
            width: 100%;
           .swiper-container{
              width: 100%;
              img{
                  width: 100%;
                  display: block;
              }
          }
      }
          .mine{
            width: 100%;
            ul {
              width: 100%;
              @include flexbox();
              li {
                @include flex(1);
                i{
                  display: block;
                  width: .28rem;
                  height: .28rem;
                  margin: 0 auto;
                  img {
                    display: block;
                    width: 100%;
                  }
                }
                b {
                  width: .60rem;
                  height: .14rem;
                  margin: 0 auto;
                  display: block;
                  font-weight: normal;
                  font-size: 14px;
                }
              }
              &:nth-child(1){
                margin-top: .22rem;
              }
              &:nth-child(2){
                margin-top: .37rem;
              }
            }
          }
          .m-theme{
            width: 100%;
            margin-top: .22rem;
            ul{
              width: 100%;
              @include flexbox();
              li{
                @include flex(1);
                margin-top: 0.07rem;
                img{
                  display: block;
                  margin: 0 auto;
                  width: 94%;
                }
              }
            }
          }
        }
      }
    }
  }
}
